.tag{
    &-cyan{
        .u-mode-light-primary{
            color:$deepCyan !important;background:$lightCyan !important;border-color:$cyan !important;
        }
    }
    &-noborder{
        .u-mode-light-primary{
            border: none !important;
        }
    }
    &-red{
        .u-mode-light-primary{
            color:$red !important;background:$lightRed !important;border-color:$red !important;
        }
    }
}

.btn{
    &-cyan{
        .u-btn--default{
            color:#fff !important;background:$cyan !important;border-color:$deepCyan !important;
        }
    }
    &-deepCyan{
        .u-btn--default{
            color:#fff !important;background:$deepCyan !important;border-color:$deepCyan !important;
        }
    }
    &-cyan-gradient{
        .u-btn--default{
            color:#fff !important;background: linear-gradient( 129deg, #70EAC1 0%, #31CBC9 100%) !important;border: none !important;
        }
    }
    &-blue{
        .u-btn--default{
            color:$blue !important;background:$blue !important;border-color:#fff !important;
        }
    }
    &-blue-gradient{
        background: linear-gradient( 90deg, #047AF1 0%, #55A4F8 100%);
    }
    &-red{
        .u-btn--default{
            color:$deepCyan !important;background:$cyan !important;border-color:#fff !important;
        }
    }
    &-grey{
        .u-btn--default{
            color:$grey3 !important;background:$greyE !important;border-color:#fff !important;
        }
    }
}